<template>
	<view>
		<view class="const-box">
			<view class="const-box-as" v-for="(item ,index) in 20">
				<view style="width: 45vw;" @click="tiaozs()">
					<image src="https://nykj.senda360.com/image/goods/default/194361.jpg" style="width: 100%;" mode="widthFix"></image>
				</view>
				<view style="text-align: center;">
					2
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.box{
		 background-color: #F5F5F5;
		 display: flex;
		 flex-direction: column;
		 margin:0;
		 padding: 0;
	}
	.item1 {
		display: inline-block;
		width: 150upx;
		text-align: center;
		margin-right: 20upx;
	}
	.item1a {
		display: inline-block;
		text-align: center;
		margin-right: 20upx;
		background-color: #ffff;
		padding: 10upx 35upx 0 35upx;
		border-radius: 20upx;
		margin-top: 40upx;
		font-size: 30upx;
	}
	.banner-box {
		display: flex;
		flex-direction: column;
	}
	.const-box-as{
		background-color: #ffff;
		border-radius: 30upx 30upx 10upx 10upx;
		overflow: hidden;
		margin-top: 30upx;
		position: relative;
	}
	.const-box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding:26upx;
	}
	.imgase{
		width: 50upx;
		position: absolute;
		top:15upx;
		right: 15upx;
	}

</style>
